<template>
  <div style="min-height:100vh;position:relative;background:#f5f5f5;color">
      <div class="hetong">
          <p>
            <br/>
        </p>
        <p style="text-align:center;line-height:150%">
            <strong><span style="font-size:12px;line-height: 2em;font-family:宋体">合作协议</span></strong>
        </p>
        <p style="line-height:150%">
            <span style="font-size: 12px;line-height:150%">&nbsp;</span>
        </p>
        <p style="line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family:宋体">甲方：杭州蓝后网络科技有限公司</span>
        </p>
        <p style="line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family:宋体">乙方：</span><span style="font-size:12px;line-height:150%">XXX公司</span>
        </p>
        <p style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%">&nbsp;</span>
        </p>
        <p style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family:宋体">杭州蓝后网络科技有限公司（以下简称“甲方”）与</span><span style="font-size:12px;line-height:150%">XXX公司</span><span style="font-size:12px;line-height:150%;font-family:宋体">（以下简称“乙方”），就乙方与甲方平台“纳品网”合作事宜，本着公平公正，平等自愿的原则，签订如下协议：</span>
        </p>
        <p style="line-height:150%">
            <span style="font-size: 12px;line-height:150%">&nbsp;</span>
        </p>
        <p style="line-height: 150%">
            <strong><span style="font-size:13px;line-height:150%">一、<span style="font:9px &#39;Times New Roman&#39;"> </span></span></strong><strong><span style="font-size:13px;line-height:150%;font-family:宋体">加盟方式：</span></strong>
        </p>
        <p class="MsoListParagraph" style="text-indent:0;line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family: 宋体">乙方需按照以下第</span><span style="font-size:12px;line-height:150%;color:#ff4d51">{{id}}</span><span style="font-size:12px;line-height:150%;font-family:宋体">种方式，向甲方缴纳合作保证金。</span>
        </p>
        <table>
            <tbody>
                <tr style=";height:20px" class="firstRow">
                    <td width="63" valign="top" style=" padding: 0px 7px;">
                        <p class="MsoListParagraph" style="text-indent:0;line-height:150%">
                            <span style="font-size:12px;line-height:150%;font-family:   宋体">序号</span>
                        </p>
                    </td>
                    <td width="118" valign="top" style="padding: 0px 7px;">
                        <p style="text-align:center;line-height:150%">
                            <span style="font-size:12px;line-height:150%;font-family:宋体">保证金额</span>
                        </p>
                    </td>
                    <td width="136" valign="top" style="padding: 0px 7px;">
                        <p class="MsoListParagraph" style="text-align:center;text-indent:   0;line-height:150%">
                            <span style="font-size:12px;line-height:150%;font-family:宋体">免费铺样衣款数</span>
                        </p>
                    </td>
                    <td width="119" valign="top" style="padding: 0px 7px;">
                        <p class="MsoListParagraph" style="text-align:center;text-indent:   0;line-height:150%">
                            <span style="font-size:12px;line-height:150%">APP</span><span style="font-size:   12px;line-height:150%;font-family:宋体">推广数</span>
                        </p>
                    </td>
                    <td width="119" valign="top" style="padding: 0px 7px;">
                        <p class="MsoListParagraph" style="text-align:center;text-indent:   0;line-height:150%">
                            <span style="font-size:12px;line-height:150%;font-family:宋体">进货折扣</span>
                        </p>
                    </td>
                </tr>
                <tr v-for="(item,index) in data.data" :key="index" class="hetongType">
                    <td>{{item.id}}</td>
                    <td>{{item.guaranteed_amount/10000}}万元</td>
                    <td>{{item.free_sample_size}}款</td>
                    <td>{{item.extension}}人</td>
                    <td>{{item.discount*100}}%</td>
                </tr>

            </tbody>
        </table>
        <p class="MsoListParagraph" style="text-align:left;text-indent:0;line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family:宋体">说明：</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">1、</span><span style="font-size:12px;line-height:150%;font-family:宋体">样衣定义：每款衣服齐色单码。款式与颜色可以由乙方选择。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">2、</span><span style="font-size:12px;line-height:150%;font-family:宋体">进货折扣基数为纳品网平台价格。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">3、</span><span style="font-size:12px;line-height:150%;font-family:宋体">本合同约定的所有款式，仅限定为羽绒服。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <strong><span style="font-size:13px;line-height:150%">二、<span style="font:9px &#39;Times New Roman&#39;"> </span></span></strong><strong><span style="font-size:13px;line-height: 150%;font-family:宋体">甲方的权利和义务：</span></strong>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">1、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方应负责保证充足的款式供乙方筛选。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">2、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方应保证</span><span style="font-size:12px;line-height:150%">APP</span><span style="font-size: 12px;line-height:150%;font-family:宋体">平台的正常运营以及维护，以及向乙方提供必要的信息以及技术支持，协助乙方做好纳品网</span><span style="font-size:12px;line-height:150%">APP</span><span style="font-size:12px;line-height:150%;font-family:宋体">。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">3、</span><span style="font-size:12px;line-height:150%;font-family:宋体">对于乙方反响不好的样衣款式，甲方应积极配合乙方予以样衣的调换。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">4、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方根据实际经营情况，有权利对部分样衣进行调回，乙方应予以配合。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">5、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方有权利对乙方日常经营以及推广活动进行指导与监督，对于影响甲方正常运营的行为，甲方有权利进行制止，或者强制收回乙方享受的政策。并没收保证金。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">6、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方根据实际经营需求，策划实施的线上线下大型营销活动，乙方应全力配合。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">7、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方可提供统一的门店门头形象，由乙方自行制作使用。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">8、</span><span style="font-size:12px;line-height:150%;font-family:宋体">甲方应保障乙方发货的时效性，并配合乙方做好纳品网</span><span style="font-size:12px;line-height:150%">APP</span><span style="font-size:12px;line-height:150%;font-family:宋体">相关的佣金计算与发放。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">9、</span><span style="font-size:12px;line-height:150%;font-family:宋体">合同生效后，甲方应在乙方缴纳保证金</span><span style="font-size:12px;line-height:150%">1</span><span style="font-size:12px;line-height:150%;font-family:宋体">个工作日内，将乙方专用的推广二维码给到乙方。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <strong><span style="font-size:13px;line-height:150%">三、<span style="font:9px &#39;Times New Roman&#39;"> </span></span></strong><strong><span style="font-size:13px;line-height: 150%;font-family:宋体">乙方的权利和义务</span></strong>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">1、</span><span style="font-size:12px;line-height:150%;font-family:宋体">乙方日常补货，需以现金形式与甲方结算。结算价为平台供货价</span><span style="font-size:12px;line-height:150%">9.5</span><span style="font-size:12px;line-height:150%;font-family:宋体">折。次品包退。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">2、</span><span style="font-size:12px;line-height:150%;font-family:宋体">乙方负责推广甲方</span><span style="font-size:12px;line-height:150%">APP</span><span style="font-size: 12px;line-height:150%;font-family:宋体">“纳品网”。完成</span><span style="font-size:12px;line-height:150%;color:#ff4d51">{{extension}}</span><span style="font-size: 12px;line-height:150%;font-family:宋体">个注册用户。即可将所缴纳保证金，用于冲抵平台进货货款。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">3、</span><span style="font-size:12px;line-height:150%;font-family:宋体">合同期内，乙方可享受推广产生实际销售额</span><span style="font-size:12px;line-height:150%">3%</span><span style="font-size:12px;line-height:150%;font-family:宋体">的返点，返点可以直接体现。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">4、</span><span style="font-size:12px;line-height:150%;font-family:宋体">乙方应严格执行甲方在经营过程中的各项决定。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">5、</span><span style="font-size:12px;line-height:150%;font-family:宋体">乙方在合作期间不得泄露甲方商业机密，或者散步对甲方公司或者</span><span style="font-size:12px;line-height:150%">APP</span><span style="font-size:12px;line-height:150%;font-family:宋体">有害的言行，如有发现，甲方有权立即予以解除协议，并收回所有乙方享有的政策，没收保证金。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">6、</span><span style="font-size:12px;line-height:150%;font-family:宋体">合同签订时，乙方应提供营业执照复印件、法人身份证复印件、以及经营地址、联系方式等资料。若乙方为个人，则应提供除营业执照复印件以外的其它信息给到甲方。</span>
        </p>
        <strong class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">四、<span style="font:9px &#39;Times New Roman&#39;"></span></span><span style="font-size:12px;line-height:150%;font-family:宋体">合同的解除</span>
        </strong>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">1、</span><span style="font-size:12px;line-height:150%;font-family:宋体">合同有效期为</span><span style="font-size:12px;line-height: 150%">1</span><span style="font-size:12px;line-height:150%;font-family:宋体">年。如有续签意向，应在合同到期前一个月内完成合同的续签。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">2、</span><span style="font-size:12px;line-height:150%;font-family:宋体">如无意向继续合作。则应在合同到期前一个月内明确，并在合同到期之前完成货品以及账目的核对清算工作，以及推广码的收回等。逾期甲方可以不予处理。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">3、</span><span style="font-size:12px;line-height:150%;font-family:宋体">如遇不可抗力因素，包括但不限于自然灾害、战争、公司倒闭或者破产等。合同自定解除，双方互不承担责任。</span>
        </p>
        <p class="MsoListParagraph" style="line-height:150%">
            <span style="font-size:12px;line-height:150%">4、</span><span style="font-size:12px;line-height:150%;font-family:宋体">其他双方协商一致的情况。</span>
        </p>
        <strong style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%">五、<span style="font:9px &#39;Times New Roman&#39;"></span></span><span style="font-size:12px;line-height:150%;font-family:宋体">其它</span>
        </strong>
        <p style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%">1、</span><span style="font-size:12px;line-height:150%;font-family:宋体">本合同一式两份，双方各执一份。签字盖章后生效。</span>
        </p>
        <p style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%">2、</span><span style="font-size:12px;line-height:150%;font-family:宋体">合作期间如有纠纷，双方应以协商为主，协商不成，可到甲方所在地司法机关申请仲裁或者到甲方所在地人民法院申请诉讼。</span>
        </p>
        <p style="text-align:left;line-height:150%">
            <span style="font-size:12px;line-height:150%;font-family:宋体">以下无正文</span>
        </p>
        <div class="" style="">
            <p style="text-align:left;line-height:150%">
                <span style="font-size:12px;line-height:150%;font-family:宋体">甲方：杭州蓝后网络科技有限公司</span><span style="font-size:12px;line-height:150%">&nbsp; &nbsp;</span><span style="font-size: 12px;line-height:150%;font-family:宋体">乙方：{{join_com}}</span>
            </p>
            <p style="text-align:left;line-height:150%">
                <span style="font-size:12px;line-height:150%;font-family:宋体">甲方代表签字/</span><span style="font-size:12px;line-height:150%;font-family:宋体">盖章：</span><span style="font-size:12px;line-height:150%">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="font-size:12px;line-height:150%;font-family:宋体">乙方代表签字</span><span style="font-size:12px;line-height:150%">/</span><span style="font-size:12px;line-height:150%;font-family:宋体">盖章：</span>
            </p>
            <p style="text-align:left;line-height:150%;color:#ff4d51">
                <span style="font-size:12px;line-height:150%;font-family:宋体;">日期：</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getFullYear()||'____'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">年</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getMonth()+1||'__'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">月</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getDate()||'__'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">日</span>
                <span style="font-size:12px;line-height:150%">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">日期：</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getFullYear()||'____'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">年</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getMonth()+1||'__'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">月</span>
                <span style="font-size:12px;line-height:150%">{{(new Date(join_time * 1000)).getDate()||'__'}}</span>
                <span style="font-size:12px;line-height:150%;font-family:宋体">日</span>
            </p>
        </div>
      </div>




  </div>
</template>

<script>
  import request from '../request/index'
    export default {
        name: "hetong",
        components: {

        },
        data(){
            return{
                data:{},
                join_com:'XXX公司',
                id: '__',
                guaranteed_amount:'',
                free_sample_size:'',
                extension:'___',
                discount:'',
                join_time:'__',

            }
        },
        watch:{

        },
        updated(){

        },
        methods:{

        },
        computed:{

        },
        created(){

        },
        mounted(){
            request.getJoinIn(this);
            request.getCommen(this);
            var hetongType=document.getElementsByClassName('hetongType');
            var that=this
            for(var i=0;i<hetongType.length;i++){
                if(that.id==i+1){
                    hetongType[i].style.color="rgb(255, 77, 81)";
                }
            }
        }

    }
</script>

<style scoped lang="scss">
.hetong{
    transform:scale(.917);
    width: 109.1%;
    transform-origin:0 0;
    font-size:10px;
    padding: 4vw;
    line-height: 2em;
    h3{
        text-align: center;
        font-weight:100;
    }
}
table{
    td{
        text-align: center;
    }
}

</style>
